
html,
body {
  margin: 0;
  padding: 0;
  background-color: #2d2c27;
  color: #eadbaf; 
}
/* here to cover all the visible area. https://dev.to/lennythedev/css-gotcha-how-to-fill-page-with-a-div-270j */

h2 {
	font-family: 'Diplomata SC', cursive;
	color: #e7eaeb;
	margin-left: 450px;
}

h3 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	font-style: italic;
	color: #e7eaeb;
	margin-left: 400px;
}

p {
	font-family: 'Ubuntu', sans-serif;
}

.social {
	margin-left: 400px;
	color: #e7eaeb;
}

span + span {
    margin-left: 10px;
}

.footer {
	font-family: 'Roboto Condensed', sans-serif;
	color: #e7eaeb;
	font_style: italic;
	margin-left: 450px; 
}

 /* unvisited link */
a:link {
  color: #aaaaaa;
}

/* visited link */
a:visited {
  color: #dbe2f1;
}

/* mouse over link */
a:hover {
  color: #bbbbbb;
}

/* selected link */
a:active {
  color: #cccccc;
} 
